
    <link rel="stylesheet" type="text/css" href="css/fade-plugin.css">
    <style type="text/css">
	  
      body { font-family: helvetica, arial, sans-serif; }
      .effectContainer { margin: 0 0 2em 0; }
      #example1 .effectContainer { width: 480px; height: 248px; overflow: hidden; background-image:url(img/fondo_noticia.png); }
      .slide { position: relative; height: 213px; width: 410px; padding:35px 30px 0 40px; }
      .r1 { color:#FFF; }
      .r1 p { color:#FFF; font-size:13px; margin-top:10px; line-height:140%; font-family: Calibri; }
      .r2 p { color: #FFF; font-size:13px; margin-top:10px; line-height:140%;  }
      .r3 p { color:#FFF; font-size:13px; margin-top:10px; line-height:140%;   }
	  .r4 p { color:#FFF; font-size:13px; margin-top:10px; line-height:140%;   }
      #introslide { background: #000; color: #eee; text-align: center; z-index: 500; }
      #navigation { height: 15px; background: green; }
      div.circular { width: 128px; height: 128px; background: none; }
      .circular .slide { width: 120px; height: 120px; border: 4px solid #000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; line-height: 120px; text-align: center; font-size: 22pt; font-weight: bold; }
      
      .s1 { background: #f00; }
      .s2 { background: #ff0; }
      .s3 { background: #0f0; }
      .s4 { background: #0ff; }
      .s5 { background: #00f; }
      .s6 { background: #f0f; }
      .s7 { background: url('../buzzard.jpg') center no-repeat; }
      
      #example3 { margin: 2em 0 0 0; }
      #example3 > div { float: left; }
      #example3 a { margin: 50px 10px 0 10px; text-decoration: none; color: #000; font-weight: bold; border: 1px solid #000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 2em; height: 2em; line-height: 2em; text-align: center; display: inline-block; }
      #example3 a:hover { background: #000; color: #fff; }
	  
	  h3{
		  font-family: "Trajan Pro";
		  font-size:18px;
		  color:#FFF;
		  }
	  
    </style>
    
    <script type="text/javascript" src="js/fade-plugin.js"></script>
    <script type="text/javascript">
      (function($) {
        function init() {

          $("#example1 .effectContainer").fadeTransition({pauseTime: 4000,
                                                 transitionTime: 1000,
                                                 ignore: "#introslide",
                                                 delayStart: 4000,
                                                 pauseOnMouseOver: true,
                                                 createNavButtons: true});
                                                 
          $("#example2 .effectContainer").fadeTransition({pauseTime: 2000,
                                                  transitionTime: 2000,
                                                  delayStart: 2000,
                                                  pauseOnMouseOver: true,
                                                  createNavButtons: true});
                                                 
          $("#example3 .effectContainer").fadeTransition({pauseTime: 0,
                                                  transitionTime: 500,
                                                  manualNavigation: true});
                                                  
          var example3 = $("#example3 .effectContainer").fadeTransition().fader();          
          $("#back").click(function(e) { example3.prev(); e.preventDefault(); });
          $("#next").click(function(e) { example3.next(); e.preventDefault(); });
        }
        
        
        $(document).ready(init);
      })(jQuery);
    </script>
  
    <div id="example1">
      <div class="effectContainer">
      
        <div class="slide r1">
            <h3>El estudio realiza una ardua labor<br> con proyección internacional</h3>
            <p>
                Nuestra actividad profesional se desarrolla principalmente en Perú y España. 
                En los asuntos sometidos a Derecho extranjero contamos con destacados especialistas, 
                dentro de cada jurisdicción, que colaboran habitualmente con nosotros y que pertenecen 
                a las redes y grupos internacionales de las que formamos parte.
            </p>
        </div>
        
        <div class="slide r2">
            <h3>PROYECTO PRO BONO ALCANZA LOS 1,000 SERVICIOS</h3>
            <p>
                Nuestra actividad profesional se desarrolla principalmente en Perú y España. 
                En los asuntos sometidos a Derecho extranjero contamos con destacados especialistas, 
                dentro de cada jurisdicción, que colaboran habitualmente con nosotros y que pertenecen 
                a las redes y grupos internacionales de las que formamos parte.
            </p>
        </div>
        
        <div class="slide r3">
            <h3>CONSULTORÍA DE GRANDES EMPRESAS INTERNACIONALES</h3>
        	<p>
                Nuestra actividad profesional se desarrolla principalmente en Perú y España. 
                En los asuntos sometidos a Derecho extranjero contamos con destacados especialistas, 
                dentro de cada jurisdicción, que colaboran habitualmente con nosotros y que pertenecen 
                a las redes y grupos internacionales de las que formamos parte.
            </p>
        </div>
        
        <div class="slide r4">
            <h3>TRABAJAMOS MÁS... SERVIMOS MEJOR...</h3>
        	<p>
                Nuestra actividad profesional se desarrolla principalmente en Perú y España. 
                En los asuntos sometidos a Derecho extranjero contamos con destacados especialistas, 
                dentro de cada jurisdicción, que colaboran habitualmente con nosotros y que pertenecen 
                a las redes y grupos internacionales de las que formamos parte.
            </p>
		</div>
        
      </div>
    </div>